<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" type="text/css" media="all" href="/static/webuploader.css" th:href="@{/static/webuploader.css}"/>
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/webuploader.js" th:src="@{/static/webuploader.js}"></script>
<script>

</script>
<head>
    <meta charset="UTF-8">
    <title>file</title>
</head>
<body>
<div class="minioBox">
    <el-button style="marginRight:10px;" @click="getFileName" size="mini" type="success">选择文件</el-button>
    <input accept=".**" type="file" multiple="multiple" id="minIoFile" ref="minIoFile" v-show="false" @change="getFile" />
    <el-button v-if="fileList.length > 0" style="marginRight:10px;" @click="upload" size="mini" type="success">上传</el-button>
    <ul class="uploadFileList">
        <li v-for="(item, index) of fileList" :key="index">
                <span class="subString">{{ item.name }}</span
                >&nbsp;
            <span>({{ (item.size / 1024 / 1024).toFixed(2) }}M)</span>
            <div class="floatRight" style="float: right;">
                <i class="el-icon-close" style="cursor: pointer;" @click="deleteMinioFile(index)"></i>
            </div>
        </li>
    </ul>
</div>
<div id="uploader" class="wu-example">
    <!--用来存放文件信息-->
    <div id="thelist" class="uploader-list"></div>
    <div class="btns">
        <div id="picker">选择文件</div>
        <button id="ctlBtn" class="btn btn-default">开始上传</button>
    </div>
</div>
</body>
</html>